import imgUrl from '../assets/loading.svg';
import styles from './directive.module.less';

// el 是被绑定元素对应的真实DOM
// 得到el中有loading的img元素
function isImg(el) {
    return el.querySelector("img[data-load=load]")
}
function createImg() {
    var img = document.createElement('img');
    img.src = imgUrl;
    img.dataset.load = 'load';
    img.className = styles.loading;//添加居中的类样式
    return img;
}
export default function (el, binding) {
    // 根据binding.value的值决定创建或删除img
    var curImg = isImg(el);
    if (binding.value) {
        if (!curImg) {
            var img = createImg();
            el.appendChild(img);
        }
    } else {
        if (curImg) {
            curImg.remove();
        }
    }
}